<template>
	<view>
		<view class="view_1"  @click="back">
			<text class="ri-arrow-left-s-line icon"></text>
			<text class="t1">收货地址</text>
		</view>
		
		
		
		
		
		<view class="view_2" :class="isfalse==0?'no':''">
			<!-- 有地址 -->
			
			<view class="view_3">
				<text>收货地址</text>	
			</view>
			<view class="view_2_2">
				<view>
					<text class="tt1">四川省成都市武侯区天府三街 7号楼8层9号</text>
				</view>
				<text>黄（先生）</text>
				<text>19936023434</text>
				<text class="ri-edit-box-line icon_1" @click="toEdit"></text>
			</view>
			
			
			<!-- 无地址 -->
		<!-- 	<view class="view_2_1">
				<image src="../../static/image/a1.png" mode=""></image>
				<text>请添加收货地址</text>
			</view> -->
			
			<!-- 按钮 -->
			<button @click="toAddAdress" plain="true" id="btn_1"type="default">+新增地址</button>
		
		
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				isfalse:0
			}
		},
		methods:{
			back(){
				uni.switchTab({
					url:"/pages/My/my"
				})
			},
			toAddAdress(){
				uni.navigateTo({
					url:"/pages/My/addAdress"
				})
			},
			toEdit(){
				uni.navigateTo({
					url:"/pages/My/editAddress"
				})
			}
		}
	}
</script>

<style lang="less">
	.view_1{
		display: flex;
		align-items: center;
		width: 350rpx;
		height: 50rpx;
		margin: 110rpx 0 0 40rpx;
		.icon{
			margin-top: -3rpx;
			font-size: 60rpx;
		}
		.t1{
			letter-spacing: 2rpx;
			margin-bottom: 10rpx;
		}
	}
	.view_2{
		width: 750rpx;
		height: 1400rpx;
		display: flex;
		flex-direction: column;
		image{
			width: 220rpx;
			height: 181rpx;
			margin: 300rpx auto 0;
		}
		text{
			margin: 60rpx auto 0;
			line-height: 50rpx;
			font-size: 28rpx;
			color: #808080;
		}
		
	}
	
	.view_2_2{
		margin-left: 30rpx;
		margin-top: 20rpx;
		.tt1{
			color: #000;
		}
		text{
			padding: 0 10rpx;
		}
		.icon_1{
			margin-left: 260rpx;
			font-size: 50rpx;
			color: #b8b7b2;
		}
	}
	
	
	#btn_1{
		border: none;
		border: 1px solid #3e826a;
		color:#3e826a;
		width: 600rpx;
		height: 90rpx;
		position: fixed;
		bottom: 85rpx;
		right: 76rpx;
		
	}
	.view_3{
		width: 750rpx;
		height:140rpx;
		line-height: 140rpx;
		background: #fafafa;
		text{
			color: #737373;
			margin-left: 50rpx;
		}
	}
	.view_2_1{
		display: flex;
		flex-direction: column;
	}
	
	.no{
		background: #fafafa;
		margin-top: 20rpx;
	}
</style>
